{extend name='template/base'}{/extend}
{block name='title'}{/block}
{block name='style'}{/block}
{block name='script'}{/block}
{block name='footer'}{/block}
{block name='content'}
<header class="header">
    <div>
        <a class="back" href="{$back_url}"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
        订单详情
    </div>
</header>
<div id="order_div" class="pages">
    <div class="list-form other not-t">
        <div style="border-bottom: 5px solid #ececec ">
            <template>
                <!--<ul class="title-gray">-->
                    <!--<li>配送信息</li>-->
                <!--</ul>-->
                <ul>
                    <li class="font12">
                        <div>联  系  人：{{info.o_name}} <span class="pull-right">{{info.o_mobile}}</span></div>
                        <div class="mt-unify">
                            <div class="pull-left">配送地址：</div>
                            <div class="overflow-hidden">{{info.o_address}}</div>
                        </div>
                        <div class="mt-unify">
                            <div class="pull-left">备    注：</div>
                            <div class="overflow-hidden">{{info.remark}}</div>
                        </div>

                    </li>
                </ul>
            </template>
        </div>
        <template v-for="vo in items">
            <div style="border-bottom: 5px solid #ececec ">
                <div class="shop-list title">
                    <ul>
                        <li>
                            <div class="img"><img :src="vo.shopStore.logo" height="441" width="500"/></div>
                            <div class="text">{{vo.shopStore.name}}<a class="absmiddle-right"
                                                                      :href="'tel:'+ vo.shopStore.mobile"><i
                                    style="font-size: 30px;" class="mui-icon mui-icon-phone mui-pull-right"></i></a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <!--<ul class="title-gray">-->
                    <!--<li>订单明细</li>-->
                    <!--</ul>-->
                    <ul >
                        <li>
                            <template v-for="gvo in vo.shopGoods">
                                <p class="order-list">
                                    <span class="font12">{{gvo.name}}</span>
                                    <span>x{{gvo.quantity}}</span>
                                    <span>￥{{gvo.amount}}</span>
                                </p>
                            </template>
                            <!--<p class="order-list">-->
                            <!--<span class="font12">香肠寿司（微辣）</span>-->
                            <!--<span>x1</span>-->
                            <!--<span>￥18</span>-->
                            <!--</p>-->
                        </li>
                        <li class="color-primary text-right">
                            总计：￥{{vo.pay_amount}}
                        </li>
                    </ul>
                </div>
            </div>
        </template>
    </div>
    <template>
        <footer class="btn-bottom">
            <a v-if='(info.flag_pay==0&&info.flag_status==0)' @tap.stop="cancel_order(info.id)" class="btn">取 消</a>
            <a v-if='(info.flag_pay==0&&info.flag_status==0&&info.flag_delivery!=1)'
               @tap.stop="order_pay(info.id,info.send_status)" class="btn color-primary">立即支付</a>
            <a v-else-if="(info.flag_status==1||info.flag_status==6)" @tap.stop="take_order(info.id)">确认收货</a>
            <a v-else style="background-color: grey;">{{info.flag_status_text}}</a>
        </footer>
    </template>
</div>
{/block}
{block name='script_extra'}
<script>
    var order_id = "{$order_id}";
    var list_url = "{:url('order/Order/detail_data')}";
    var delivery_url = "{:url('delivery/Order/delivery')}";
    var order_pay_url = "{:url('order/Order/pay')}";
    var take_order_url = "{:url('order/Order/take_order')}";
    var c_url = "{$c_url}";
    require(['order/detail']);
</script>
{/block}